<template>
  <div class="bodypl">
    <div class="headerpl">
      <p class="plp">头像</p>
      <img class="imagepl" :src="imagee" alt="">
    </div>
      
    <el-row type="flex" class="row-bgfist" justify="space-around">
      <el-col :span="1">
        <div class="abcd">姓名</div>
      </el-col>
      <el-col :span="23">
        {{nicName}}
      </el-col>
    </el-row>
    <el-row type="flex" class="row-bg" justify="space-around">
      <el-col :span="1">
        <div class="abcd">职务</div>
      </el-col>
      <el-col :span="23">
        {{nicName}}
      </el-col>
    </el-row>
    <el-row type="flex" class="row-bg" justify="space-around">
      <el-col :span="1">
        <div class="abcd">性别</div>
      </el-col>
      <el-col :span="23">
        男
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  data() {
    return {
      imagee: "",
      treee:[],
      formLabelWidth: "80px",
      nicName:"",
    };
  },
  created() {
    this.header();
  },
  methods: {
    header() {
      let image = localStorage.getItem("imagea");
      this.imagee ='http://px.0123china.cn'+image
      console.log("aaa",this.treee);

      let name = localStorage.getItem("name")
      this.nicName = name.replace(/\"/g,"")
    },
    handleNodeClick(data) {
        console.log(data);
      }
  },
};
</script>
<style lang="less" scoped>
.headerpl{
  display: flex;
}
.abcd{
  font-size: 18px;
  color: #909399;
}
.plp{
  line-height: 80px;
  font-size: 20px;
  color: #909399;
}
.imagepl {
  width: 100px;
  height: 100px; 
  border-radius: 100%;
  margin-left:30px;
}
.card-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
    
  .text {
    font-size: 14px;
  }

  .item {
    margin-bottom: 10px;
  }

  .box-card {
    width: 480px;
  }
  .el-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bgfist {
    padding: 10px 0;
    background-color: #f9fafc;
    margin-top: 30px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
</style>